﻿<template>
  <div class="hello">
    <Vheader></Vheader>
    <Swipers swiperId="lunbo" :swiperD="swipers"></Swipers>
  </div>
</template>

<script>
import Vheader from '../common/Vheader'
import Swipers from '../common/Swiper'

export default {
  name: 'HelloWorld',
  data () {
    return {
      swipers: [ {
        imgHref: 'https://www.baidu.com/img/bd_logo1.png',
        level: '0',
        titile: '图片1',
        eventId: 5,
        url: 'https://www.baidu.com/'
      },
      {
        imgHref: 'https://pic.cnblogs.com/face/1057389/20161104214459.png',
        level: '5',
        titile: '图片2',
        eventId: 5,
        url: 'https://www.cnblogs.com/starryqian/archive/2018/03/07/8525576.html'
      }]
    }
  },
  components: {
    Vheader: Vheader,
    Swipers: Swipers
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}
</style>
